<!-- 头部 -->
<div class="center flex header">
  <div class="flex header_left">
    <img src="__CDN__/light/img/logo.png">
    <div class="company">
      <h1>{$base.web_name}</h1>
      <p class="gray">{$base.eng_name}</p>
    </div>
    <div class="performance">
      {$base.desc}
    </div>
  </div>
  <div class="header_right">
    <div class="flex right">
      <img src="__CDN__/light/img/tel2.png">
      <p class="hotline">全国服务热线：</p>
    </div>
    <h1 class="orange">{$base.phone}</h1>
  </div>
</div>
<!-- 导航 -->
<div class="nav">
  <nav class="center flex">
    {volist name="header" id="vo"}
    <li><a href="{:url($vo.url,['nav_id'=>$vo.id])}" {if $vo.id == $nav } class="active" {/if} >{$vo.title}</a></li>
    {/volist}
  </nav>
</div>
<!-- 轮播图 -->
<div id="demo" class="carousel slide" data-ride="carousel">
  <!-- 指示符 -->
  <ul class="carousel-indicators">
    <li data-target="#demo" data-slide-to="0" class="active"></li>
    <li data-target="#demo" data-slide-to="1"></li>
  </ul>
  <!-- 轮播图片 -->
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="__CDN__/light/img/banner01.png">
      <div class="carousel-caption city">
        <h1>打造 "智能照明城市"</h1>
        <p>诚信 <span>|</span> 严格 <span>|</span> 智能 <span>|</span> 高效</p>
      </div>
    </div>
    <div class="carousel-item">
      <img src="__CDN__/light/img/banner02.png">
      <div class="carousel-caption city">
        <h1>打造 "智能照明城市"</h1>
        <p>诚信 <span>|</span> 严格 <span>|</span> 智能 <span>|</span> 高效</p>
      </div>
    </div>
  </div>
  <!-- 左右切换按钮 -->
  <a class="carousel-control-prev" href="#demo" data-slide="prev">
    <span class="carousel-control-prev-icon"></span>
  </a>
  <a class="carousel-control-next" href="#demo" data-slide="next">
    <span class="carousel-control-next-icon"></span>
  </a>
</div>